<template>
    <div class="mian">
      <el-container>
        <el-aside :width="userstor.menuFold?'auto':'200px'" height="100vh">
          <assert />
        </el-aside>
        <el-container>
          <el-header>
            <headers />
          </el-header>
          <el-main>
           <router-view></router-view>
          </el-main>
        </el-container>
      </el-container>
    </div>
  </template>
  
  <script setup>
  import assert from './c-cpns/aside.vue';
  import headers from './c-cpns/headers.vue'
  import home from './home/home.vue'

  import { useStore } from "../../store/main"
  console.log("-----------");
  const userstor = useStore()

  userstor.getmenu()
  userstor.getroleAll()
  
  </script>
  
  <style scoped>
  .mian {
    height: 100vh;
    background-color: rgb(242, 242, 242);
  }
  
  .el-container {
    height: 100%;
  }
  .el-card {
    height: 100%;
  }
  .el-aside {
    background-color: #fff;
    transition:all 3s linear;
  }
  .el-header {
    background-color: #fff;
  }
  </style>
  